<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript">
		
	$(document).ready(function() {  
		var hellotext='Hello World!'
		$('#pid').html('Hello World!')
		$('#input').attr('value',hellotext)
		$('#input').on('input',function(e){   
           var value=e.delegateTarget.value
		   $('#pid').html(value)
        })
	});
	</script>	
</head>
<body>

<div id="app">
     <p id="pid"></p>
	 <input id="input" value="hello world"/>
</div>


</body>
</html>